/*
  全局的样式表
 */

  html,body,#app{
      height: 100%;
      margin: 0;
      padding: 0;
  }

h1, h2, h3{
    margin: 0;
    font-family: 宋体, serif;
}

/*未读消息*/
.unreaden_msg {
    background-color: #f0f9eb;
}
/* 已读消息 */
.readen_msg {
    background-color: #f4f4f5;
}

/*调整消息页面 消息之间的分割线 间距*/
.msg_container .el-divider--horizontal{
    margin: 18px 0;
}

/*小标题 如 贴吧首页的 【置顶】 、 【时间】*/
.little_title_blue{
    font-size: 16px;
    font-weight: bold;
    color: #00BCD4;
}
.little_title_orange{
    font-size: 16px;
    font-weight: bold;
    color: #f17008;
}

.bg_color_shallow_blue{
    background-color: #dceffe;
}

.line_height_35{
    line-height: 35px;
}

.el-breadcrumb{
    margin-bottom: 15px;
    font-size: 12px;
}
.el-card{

}


/*用于测试 div框范围*/
.border{
    border: 1px solid black;
}

/*灰色边框*/
.gray_border{
    border: 1px solid #DCDCDC;
}

/*内容居中*/
.center{
    text-align: center;
}
/*内容靠右*/
.right{
    text-align: end;
}

/*标签中的a链接*/
.tag_a_link{
    text-decoration: none;  /*去下划线*/
    color: inherit;  /*继承原标签中的字体颜色*/
}

/*固定距离的左边距*/
.margin_left_10{
     margin-left: 10px;
 }
.margin_left_16{
    margin-left: 16px;
}

.margin_left_80{
    margin-left: 80px;
}

/*23px 的字体大小*/
.font_size_23{
    font-size: 23px;
}
.font_size_19{
    font-size: 19px;
}


/*绿色  用于回复数图标颜色*/
.color_green{
    color: #42b983;
}

/*橘黄色  用于点赞图标*/
.color_orange{
    color: #FF9800;
}

/*超出长度 以三点表示*/
.over_show_point{
    /*width:200px; !*必须指定宽度*!*/
    text-overflow: ellipsis; /*超出文字显示为省略号*/
    overflow: hidden;  /*隐藏超出部分*/
    display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
    -webkit-box-orient: vertical; /*设置或检索伸缩盒对象的子元素的排列方式*/
}
/*限制最多显示  1行*/
.over_limit_line_1{
    -webkit-line-clamp: 1;  /*限制行数*/
}
/*限制最多显示  3行*/
.over_limit_line_3{
    -webkit-line-clamp: 3;  /*限制行数*/
}

/*自己定义的a链接   （信息 灰色）*/
.my_a_link{
    text-decoration: none;
}
.my_a_link:hover{
    text-decoration: underline;
}

.color_gray_info{
    color: #909399;
}

.color_gray_tip{
    color: #8e8e8e;
}

.color_normal_font{
    color: #606266;
}

.color_main_font{
    color: #303133;
}

.margin_top_15{
     margin-top: 15px;
 }
.margin_top_10{
    margin-top: 10px;
}
.margin_top_8{
    margin-top: 8px;
}
.margin_top_5{
    margin-top: 5px;
}
.margin_top_20{
    margin-top: 20px;
}
.margin_top_30{
    margin-top: 30px;
}
.margin_top_40{
    margin-top: 40px;
}
.margin_top_55{
    margin-top: 55px;
}
.margin_bottom_18{
    margin-bottom: 18px;
}
.margin_bottom_12{
    margin-bottom: 12px;
}

.padding_top_30{
    padding-top: 30px;
}
.padding_top_15{
    padding-top: 15px;
}

.padding_left_10{
    padding-left: 10px;
}

.padding_left_20{
    padding-left: 20px;
}

.padding_left_42{
    padding-left: 42px;
}

.font_size_15{
    font-size: 15px;
}

/*小标题 16px*/
.font_size_16{
    font-size: 16px;
}

.font_size_18{
    font-size: 18px;
}

.font_weight_700{
    font-weight: 700;
}

/*灰色的背景*/
.color_bg_gray{
    background-color: rgb(237,238,242);
}

/* 浅蓝色文字 */
.color_blue{
    color: #03A9F4
}

/*红色提示信息字体颜色*/
.red_color{
    color: #ef3700;
}

/*红色  用于显示贴吧 人数和帖子数等*/
.red_color2{
    color: #ff7f3e;
}


/*基础投影   （element自带的）*/
.basic_shadow{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

/*圆角*/
.round_border{
    border-radius: 10px;
}

/*使用 element的字体*/
.font{
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
